body{
    background: #f5f5f5;
}
/*顶部通栏*/
.jd_layout{
     max-width: 640px;
     min-width: 320px;
     margin: 0 auto;
     height: 1000px;
}


.jd_header{
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 40px;
     z-index: 1000;
}

.jd_header>.jd_header_box{
    max-width: 640px;
    min-width: 320px;
    height: 40px;
    background:rgba(201,21,35,0) ;
    margin: 0 auto;
    position: relative;
}
.jd_header>.jd_header_box .icon_logo{
    background-position: 0 -103px;
    position: absolute;
    left: 3px;
    top: 5px;
    width: 60px;
    height: 30px;
}
.jd_header>.jd_header_box .login{
    position: absolute;
    right: 3px;
    top: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}
.jd_header>.jd_header_box form{
    padding-left: 65px;
    padding-right: 45px;
}
.jd_header>.jd_header_box form input{
     width: 100%;
     height: 30px;
     margin-top: 5px;
     border-radius: 15px;
     padding-left: 30px;
}
.jd_header>.jd_header_box form .icon_search{
     position: absolute;
     left: 73px;
     width: 20px;
     height: 20px;
     top: 10px;
     background-position: -60px -109px;
}

/*轮播图*/
.jd_banner{
    /*640px*/
     width: 100%;
     overflow: hidden;
     position: relative;
}
.jd_banner ul:nth-child(1){
     width: 1000%;
     transform: translateX(-10%);
    /*
       可以使用触屏了
    */
     overflow: hidden;
}
.jd_banner ul:nth-child(1)>li{
    width: 10%;
    float: left;
}
.jd_banner ul:nth-child(1)>li>a{
    display: block;
}
.jd_banner ul:nth-child(1)>li>a>img{
    width: 100%;
    vertical-align: bottom;
}
.jd_banner ul:nth-child(2){
     position: absolute;
     left: 50%;
     width: 118px;
     bottom: 6px;
     margin-left: -59px;
     height: 6px;
}
.jd_banner ul:nth-child(2) li{
     border: 1px solid #fff;
     height: 6px;
     width: 6px;
     border-radius: 50%;
     margin-left: 10px;
     float: left;
}

/**/
.jd_banner ul:nth-child(2) li:nth-child(1){
     margin-left: 0;
}
/*
     默认第一个元素选中，然后这个元素没有margin-left
*/
.jd_banner ul:nth-child(2) li.now{
     background: #fff;
}

/*nav*/
.jd_nav{

}
.jd_nav>ul{
     width: 100%;
     background: #fff;
     border-bottom: 1px solid #ccc;
     overflow: hidden;
}
.jd_nav>ul>li{
     width: 25%;
     float: left;
     text-align: center;
     margin: 10px 0;
}
.jd_nav>ul>li>a{

}
.jd_nav>ul>li>a>img{
     width: 40px;
     height: 40px;
}
.jd_nav>ul>li p{
     font-size: 12px;
}

/*商品区域*/
.jd_product>.jd_product_box{
        overflow: hidden;
        box-shadow: 0px 0px 1px #ccc;
        margin-top: 10px;
        background: #fff;
}

.jd_product>.jd_product_box>.product_tit{
     height: 30px;
     border-bottom: 1px solid #ccc;

}
.jd_product>.jd_sk>.product_tit{
    border-bottom: none;

}


.jd_product>.jd_product_box>.product_tit>h3::before{
     content: '';
     width: 5px;
     height: 20px;
     display: block;
     background: rgba(201,21,35,0.85);
     position: absolute;
     left: 3px;
     top: 5px;
}

.jd_product>.jd_product_box>.product_tit>h3{
     font-weight: normal;
     position: relative;
     padding-left: 15px;
     height: 30px;
     line-height: 30px;


}
/*秒杀区域*/
.jd_sk{

}
.jd_sk .seconds_kill{
     background: url("../images/seckill-icon.png");
     background-size: 16px 20px;
     margin-left: 5px;
     margin-top: 5px;
     width: 16px;
     height: 20px;
     float: left;
}
.jd_sk .seconds_text{
     height: 30px;
     line-height: 30px;
     float: left;
     margin-left: 10px;

}
.jd_sk .sk_time{
     float: left;
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
}
.jd_sk .sk_time>span{
      background: #000;
      color: #fff;
}

.jd_sk .sk_time>span:nth-child(3n){
       background: #fff;
       color: #000;
}
.jd_sk .right_more {
       height: 30px;
       line-height: 30px;
       margin-right: 10px;
}

.jd_sk .product_conn li{
      margin: 10px 0;
      width: 33.333%;
      float: left;
      text-align: center;
}
.jd_sk .product_conn li img{
       width: 70%;
}

.jd_sk .product_conn li:nth-child(2) a{
      display: block;
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc;
}

.jd_sk .product_conn li p:nth-child(2){
     color: red;
}
.jd_sk .product_conn li p:nth-child(3){
     text-decoration:underline;
}
.jd_product .product_conn img{
     vertical-align: middle;
}











